<template>
  <div>
    <el-dialog title="人才查看" :visible.sync="dialogVisible" width="800px" :before-close="handleClose" >
      <div class="detailsTip">
        <div class="maninfo">人才具体信息</div>
      </div>
      <el-form :inline="true" :model="menuForm" class="demo-form-inline modi-icon" label-position="right" label-width="110px">
        <el-form-item v-if="menuForm.kind!==null" label="姓名" :required="true" class="name">
          <el-input v-model="menuForm.username" placeholder="" size="small"></el-input>
        </el-form-item>
        <el-form-item v-if="menuForm.kind==0" label="电话" :required="true" class="phone">
          <el-input v-model="menuForm.phone" placeholder="" size="small"></el-input>
        </el-form-item>
        <el-form-item v-if="menuForm.kind==0" label="学历" :required="true" >
          <el-input v-model="menuForm.edu" placeholder="" size="small"></el-input>
        </el-form-item>
        <el-form-item v-if="menuForm.kind==0" label="工作年限" :required="true">
          <el-input v-model="menuForm.jobTime" placeholder="" size="small"></el-input>
        </el-form-item>
        <el-form-item v-if="menuForm.kind==0" label="竞聘岗位" :required="true" class="time">
          <el-input v-model="menuForm.jobName" placeholder="" size="small"></el-input>
        </el-form-item>
        <el-form-item v-if="menuForm.kind==1" label="引荐岗位" :required="true" >
          <el-input v-model="menuForm.jobName" placeholder="" size="small"></el-input>
        </el-form-item>
        <el-form-item v-if="menuForm.kind==1" label="引荐时间" :required="true" class="time">
          <el-input v-model="menuForm.time" placeholder="" size="small"></el-input>
        </el-form-item>
        <el-form-item label="简历下载" :required="true">
            <a :href="menuForm.attachmentAddress" download="text.png" type="primary" class="el-icon-download"></a>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="close" size="small">返回</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: ["val","menuForm"],
  data() {
    return {
      dialogVisible: false,
    };
  },
  methods: {
    handleClose(done) {
      console.log('a');
      this.dialogVisible = false
      this.$emit('getMessage',this.dialogVisible)
      done()
    },
    onSubmit() {
       
    },
    close(){
      console.log('b');
      
        this.dialogVisible = false
        this.$emit('getMessage',this.dialogVisible)
    },
  },
  watch: {
    val(newVal) {
      this.dialogVisible = newVal;
    }
  }
};
</script>

<style lang="less" scoped>
.detailsTip{
  .maninfo{
    width: 90px;
    height: 38px;
    border-bottom:2px solid rgba(71,135,228,1);
  }
  
}
a:link {
  display: inline-block;
  color:#fff;
  width: 50px;
  height: 32px;
  border-radius: 5px;
  background-color: #4787E4;
}
.el-icon-download{
  padding:9px 0 0 18px;
}
.el-dialog__body {
  padding: 10px 0 6px 0px;
  border-top: 1px solid #cccccc;
}
.detailsTip {
  padding-left: 20px;
  padding-bottom: 8px; 
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 38px;
  line-height: 38px;
  margin-bottom: 20px;
  color: #4787e4ff;
}
.demo-form-inline {
    padding-left:60px; 
}
/deep/.el-dialog__footer{
    text-align: center !important;
}
</style>

<style>
    .modi-icon .el-form-item__label:before{
        color:blue!important;
        margin-right:15px!important;
    }
</style>




